body,
div,
ul,
li {
	padding: 0;
	margin: 0;
	font-size: 62.5%;
}

@media only screen and (min-width:320px) and (orientation:portrait) {
	html {
		font-size: 50%;
	}
}

@media only screen and (min-width:360px) and (orientation:portrait) {
	html {
		font-size: 62.5%;
	}
}

@media only screen and (min-width:400px) and (orientation:portrait) {
	html {
		font-size: 70%;
	}
}

@media only screen and (min-width:600px) and (orientation:portrait) {
	html {
		font-size: 125%;
	}
}

@media only screen and (max-width:768px) and (orientation:portrait) {
	.wrap {
		width: 75%;
	}
}

@media only screen and (min-width:480px) and (orientation:landscape) {
	html {
		font-size: 87.5%;
	}
}

@media only screen and (min-width:580px) and (orientation:landscape) {
	html {
		font-size: 125%;
	}
}

@media only screen and (min-width:730px) and (orientation:landscape) {
	html {
		font-size: 130%;
	}
}

@media only screen and (min-width:900px) and (orientation:landscape) {
	html {
		font-size: 175%;
	}
}

@media only screen and (min-width:992px) {
	html {
		font-size: 200%;
	}
}

ul,
li {
	list-style: none;
}

body {
	max-width: 510px;
	min-width: 320px;
	margin: auto;
	height: 100%;
}

.slider {
	height: 100%;
}

.slider-slide {
	color: #000;
	background-color: #fff;
	text-align: center;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
}

.pageOne {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -1;
	background: url(../c_imgwel/img18.png) no-repeat;
	background-size: 100% 100%;
}

.top {
	height: 20%;
	width: 70%;
	position: relative;
	left: 15%;
}

.c_img1 {
	width: 70%;
	position: absolute;
	left: -50%;
	top: 25%;
	opacity: 0;
	z-index: 1;
	transition: all 0.5s linear;
}

.c_animateOne .c_img1 {
	left: 5%;
	opacity: 1;
}

.c_img2 {
	width: 70%;
	position: absolute;
	right: -50%;
	bottom: 20%;
	opacity: 0;
	z-index: 1;
	transition: all 0.5s linear;
}

.c_animateOne .c_img2 {
	right: 5%;
	opacity: 1;
}

.content {
	width: 100%;
	height: 10%;
	text-align: center;
}

.c_span {
	font-size: 2rem;
	color: #666666;
	opacity: 0;
	transition: all 0.5s linear;
}
.c_animateOne .c_span {
	opacity: 1;
	transition-delay: 0.5s;
}
.bottom {
	width: 100%;
	height: 70%;
}

.bottom>ul {
	width: 100%;
	height: 100%;
	position: relative;
}


/*手机图片*/

.c_img3 {
	position: absolute;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}


/*视频动画*/

.c_img4 {
	position: absolute;
	top: 100%;
	right: 20%;
	width: 15%;
	transition: all 1s linear;
	opacity: 0;
}

.c_animateOne .c_img4 {
	top: 40%;
	opacity: 1;
	transition-delay: 0.5s;
}


/*游戏动画*/

.c_img5 {
	position: absolute;
	top: 100%;
	left: 20%;
	width: 15%;
	transition: all 1s linear;
	opacity: 0;
}

.c_animateOne .c_img5 {
	top: 30%;
	opacity: 1;
	transition-delay: 0.7s;
}


/*攻略动画*/

.c_img6 {
	position: absolute;
	top: 100%;
	left: 40%;
	width: 15%;
	transition: all 1s linear;
	opacity: 0;
}

.c_animateOne .c_img6 {
	top: 25%;
	opacity: 1;
	transition-delay: 1s;
}


/*欢迎页第二页 样式*/

.c_pageTwo {
	width: 100%;
	height: 100%;
	background: url(../c_imgwel/img19.png) no-repeat;
	background-size: 100% 100%;
	position: fixed;
	z-index: -1;
}
/*头部文字*/
.c_content2{
	width: 100%;
	height: 70%;
	position: relative;
}
.c_img13 {
	width: 70%;
	position: absolute;
	left: -50%;
	top: 25%;
	opacity: 0;
	z-index: 1;
	transition: all 0.5s linear;
}
.c_animateTwo .c_img13 {
	left: 5%;
	opacity: 1;
}
.c_img14 {
	width: 70%;
	position: absolute;
	right: -50%;
	bottom: 20%;
	opacity: 0;
	z-index: 1;
	transition: all 0.5s linear;
}
.c_animateTwo .c_img14 {
	right: 5%;
	opacity: 1;
}
/*左上云朵*/
.c_img8{
	position: absolute;
	left: 0%;
	top: -50%;
	width: 20%;
	opacity: 0;
	transition: all 0.5s linear;
}
.c_animateTwo .c_img8 {
	top: 0%;
	opacity: 1;
}
/*右下云朵*/
.c_img7{
	position: absolute;
	right: 0;
	bottom: -50%;
	width: 20%;
	opacity: 0;
	transition: all 0.5s linear;
}
.c_animateTwo .c_img7 {
	bottom: 0%;
	opacity: 1;
	z-index: 1;
}
/*手机样式*/
.c_img9{
	height: 100%;
	position: absolute;
	left:0;
	top: 0;
	bottom: 0;
	right:0;
	margin: auto;
}
/*热门礼包*/
.c_img10{
	position: absolute;
	top: 50%;
	left: 8%;
	height: 8%;
	opacity: 0;
	transition: all 0.5s linear;
}
.c_animateTwo .c_img10{
	opacity: 1;
	transition-delay: 1s;
}
/*独加推荐*/
.c_img11{
	position: absolute;
	top: 25%;
	right: 8%;
	height: 8%;
	opacity: 0;
	transition: all 0.5s linear;
}
.c_animateTwo .c_img11{
	opacity: 1;
	transition-delay: 1.3s;
}
/*最新上线*/
.c_img12{
	position: absolute;
	top: 65%;
	right: 8%;
	height: 8%;
	opacity: 0;
	transition: all 0.5s linear;
}
.c_animateTwo .c_img12{
	opacity: 1;
	transition-delay: 1.7s;
}
/*底部文字*/
.c_bottom2{
	width: 100%;
	text-align: center;
	margin-top: 3%;
}
.c_span2{
	font-size: 1.7rem;
	color: #FFFFFF;
}
/*欢迎页第三页 样式*/

.c_pageThree {
	width: 100%;
	height: 100%;
	background-color: whitesmoke;
	position: relative;
	z-index: -1;
}

.c_pageThree>em{
	width: 100%;
	height: 10rem;
	font-size: 4rem;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
/*当屏幕宽度大于500时*/
@media only screen and (min-width:500px) {
	body{
		height: 50rem;
	}
	.c_span{
		font-size: 1.4rem;
	}
	.c_span2{
	font-size: 1.4rem;
	}
	.c_img2{
		bottom:18%;
	}
	.c_img14{
		bottom:18%;
	}
	.c_pageThree>em{
		font-size: 3rem;
	}
}